  <!-- This one in here is responsive menu for tablet and mobiles -->
    <div class="responsive-navigation visible-sm visible-xs">
        <a href="#" class="menu-toggle-btn">
            <i class="fa fa-bars fa-2x"></i>
        </a>
        <div class="responsive_menu">
            <ul class="main_menu">
                <li><a class="menu homebutton" href="index.jsp?page=main"><i class="fa fa-home"></i>Strona glowna</a></li>
                <li><a class="menu messages" href="index.jsp?page=messages"><i class="fa fa-envelope"></i>Wiadomosci</a></li>
                <li><a class="menu events" href="index.jsp?page=events"><i class="fa fa-calendar"></i>Eventy</a></li>
                <li><a class="menu friends" href="index.jsp?page=friends"><i class="fa fa-group"></i>Znajomi</a></li>
                <li><a class="menu games" href="index.jsp?page=games"><i class="fa fa-puzzle-piece"></i>Baza gier</a></li>
                 <li><a class="menu reservation" href="index.jsp?page=reservations"><i class="fa fa-book"></i>Rezerwacja</a></li>
                 <li><a class="menu settings" href="index.jsp?page=settings"><i class="fa fa-cog"></i>Ustawienia</a></li>
            </ul> <!-- /.main_menu -->
        </div> <!-- /.responsive_menu -->
    </div> <!-- /responsive_navigation -->